<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/aui/aui.css" />
		<style type="text/css">
		</style>
		<script id="tpl" type="text/html">
			[: for (var i=0;i<10;i++) { :]
			<li class="aui-list-view-cell aui-img aui-col-xs-6" tapmode >
			<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
			<div class="aui-img-body">
			新生帝
			</div>
			</li>
			[:}:]
		</script>
	</head>
	<body>
		<div class="aui-content">
			<ul class="aui-list-view aui-grid-view">
				<li class="aui-list-view-cell aui-img aui-col-xs-6" tapmode >
					<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
					<div class="aui-img-body">
						点点例
					</div>
				</li>
				<li class="aui-list-view-cell aui-img aui-col-xs-6" tapmode >
					<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
					<div class="aui-img-body">
						点点例
					</div>
				</li>
				<li class="aui-list-view-cell aui-img aui-col-xs-6" tapmode >
					<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
					<div class="aui-img-body">
						点点例
					</div>
				</li>
				<li class="aui-list-view-cell aui-img aui-col-xs-6" tapmode >
					<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
					<div class="aui-img-body">
						点点例
					</div>
				</li>
				<li class="aui-list-view-cell aui-img aui-col-xs-6" tapmode >
					<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
					<div class="aui-img-body">
						点点例
					</div>
				</li>
				<li class="aui-list-view-cell aui-img aui-col-xs-6" tapmode >
					<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
					<div class="aui-img-body">
						点点例
					</div>
				</li>
				<li class="aui-list-view-cell aui-img aui-col-xs-6" tapmode >
					<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
					<div class="aui-img-body">
						点点例
					</div>
				</li>
				<li class="aui-list-view-cell aui-img aui-col-xs-6" tapmode >
					<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
					<div class="aui-img-body">
						点点例
					</div>
				</li>
				<li class="aui-list-view-cell aui-img aui-col-xs-6" tapmode >
					<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
					<div class="aui-img-body">
						点点例
					</div>
				</li>
				<li class="aui-list-view-cell aui-img aui-col-xs-6" tapmode >
					<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
					<div class="aui-img-body">
						点点例
					</div>
				</li>
			</ul>
		</div>
	</body>
	<script type="text/javascript" src="../../script/AHelper.js"></script>
	<script type="text/javascript" src="../../script/zepto.min.js"></script>
	<script type="text/javascript" src="../../script/echo.min.js"></script>
	<script type="text/javascript">
		echo.init({
			offset : 100,
			throttle : 250,
			unload : false,
			callback : function(element, op) {
			}
		});
		H.ready(function() {
			H.$dropupToAppend(function(ret, err) {
				H.$openFrame('loading', 'widget://res/load9.html', null, {
					x : 0,
					y : 0
				});
				setTimeout(function() {
					H.closeFrame("loading");
					// 获取模板内容，并加载数据
					var html = H.$tppl(H.$api.byId('tpl').innerHTML, {});
					$(".aui-content ul").append(html);
					echo.init({
						offset : 100,
						throttle : 250,
						unload : false,
						callback : function(element, op) {
						}
					});
				}, 1000);
			});
		});
	</script>
</html>